<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div style="float: left;height:34px;line-height:34px;">业务单号：</div>
            <div style="float: left;">
                <input type="text" class="form-control" v-model="q.number" @keyup.enter="query" placeholder="请输入内容">
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">交易时间：</div>
            <div style="float: left;width:350px;margin-right: 10px;" id="sandbox-container">

                <div class="input-group date" style="width:46%;float:left;">
                    <input type="text" class="form-control" id="startime"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>
                <div style="width: 4%;float:left;margin-left:7px;margin-top:8px;padding-left:1px;">
                    -
                </div>
                <div class="input-group date" style="width:48%;">
                    <input type="text" class="form-control" id="endtime"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                </div>

            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">交易类型：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <select class="form-control" v-model="q.type" @keyup.enter="query">
                    <option></option>
                    <option value="0">货架收入</option>
                    <option value="1">外卖收入</option>
                    <option value="2">提现</option>
                    <option value="3">提现失败退回</option>
                </select>
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">支付模式：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <select class="form-control" v-model="q.paymode" @keyup.enter="query">
                    <option></option>
                    <option value="0">微信支付-自有</option>
                    <option value="1">微信支付-代收</option>
                </select>
            </div>
            <a class="btn btn-primary" @click="query">查询</a>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
														                    <div class="form-group">
                        <div class="col-sm-2 control-label">对应的业务单号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="transaction.businessnum" placeholder="对应的业务单号"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">交易类型 0 货架收入 1 外卖收入 2 提现 3 提现失败退回</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="transaction.type" placeholder="交易类型 0 货架收入 1 外卖收入 2 提现 3 提现失败退回"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">支付流水号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="transaction.serialnum" placeholder="支付流水号"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">支付模式 0 微信支付-自有 1 微信支付-代收</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="transaction.paymode" placeholder="支付模式 0 微信支付-自有 1 微信支付-代收"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">交易金额</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="transaction.cost" placeholder="交易金额"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">交易时间</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="transaction.createtime" placeholder="交易时间"/>
                        </div>
                    </div>
							            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/sys/transaction.js?_${.now?long}"></script>
<script>
    $("#sandbox-container .input-group.date").datepicker({
        language: "zh-CN",
        clearBtn: true, //清除按钮
        format: "yyyy-mm-dd",
        todayHighlight:true
    });
</script>
</body>
</html>